<script setup lang="ts">

</script>

<template>
  <el-card class="box-card">
    <h1 style="text-align: center">土壤 吹扫捕集-气相色谱质谱法分析原始记录（一）（C面）</h1>
    <table class="table">
      <tr>
        <td colspan="1"style="width:6%">任务编号</td>
        <td colspan="8"></td>
        <td colspan="1"style="width:9%">采样日期</td>
        <td colspan="4"></td>     
        <td colspan="1"style="width:9%">分析日期</td>
        <td colspan="4"></td>   
      </tr>
      <tr style="background-color: #f2f2f2">
        <td colspan="1"style="width:6%">分析方法</td>
        <td colspan="26"></td>  
      </tr>
      <tr>
        <td style="width: 6%;" colspan="1">样品编号</td>
        <td style="width: 6%;" colspan="1"></td>
        <td style="width: 6%;" colspan="1">样品量m(g)</td>
        <td style="width: 6%;" colspan="3"></td>
        <td style="width: 6%;" colspan="1">干物质wdm(%)</td>
        <td style="width: 6%;" colspan="1"></td>
        <td style="width: 6%;" colspan="1">含水率w(%)</td>
        <td style="width: 6%;" colspan="3"></td>
        <td style="width: 6%;" colspan="1">提取液体积Vc(mL)</td>
        <td style="width: 10%;" colspan="1"></td>
        <td style="width: 5%;" colspan="1">吹扫提取液体积Vs(mL)</td>
        <td style="width: 5%;" colspan="7"></td>
      </tr>
      <tr style="background-color: #f2f2f2">
        <td style="width: 6%;" colspan="2">待测物</td>
        <td style="width: 6%;" colspan="1">检出限(μg/kg)</td>
        <td style="width: 6%;" colspan="3">溶液浓度ρex(μg/L)</td>
        <td style="width: 6%;" colspan="1">样品含量ω(μg/kg)</td>
        <td style="width: 6%;" colspan="1">备注</td>
        <td style="width: 6%;" colspan="4">待测物</td>
        <td style="width: 6%;" colspan="1">检出限(μg/kg)</td>
        <td style="width: 10%;" colspan="1">溶液浓度ρex(μg/L)</td>
        <td style="width: 5%;" colspan="1">样品含量ω(μg/kg)</td>
        <td style="width: 5%;" colspan="7">备注</td>
      </tr>
      <tr v-for="rowIndex in 20" :key="rowIndex">
        <td style="width: 6%;" colspan="2"></td>
        <td style="width: 6%;" colspan="1"></td>
        <td style="width: 6%;" colspan="3"></td>
        <td style="width: 6%;" colspan="1"></td>
        <td style="width: 6%;" colspan="1"></td>
        <td style="width: 6%;" colspan="4"></td>
        <td style="width: 6%;" colspan="1"></td>
        <td style="width: 10%;" colspan="1"></td>
        <td style="width: 5%;" colspan="1"></td>
        <td style="width: 5%;" colspan="4"></td>
      </tr>
      <tr>
        <td colspan="2">备注</td>
        <td colspan="23"></td>
      </tr>
    </table>
  </el-card>
</template>

<style scoped lang="scss">
.card {
  padding: 20px 25px;
}

.table {
  width: 100%;
  border-collapse: collapse;
  /* 表格边框合并 */
  text-align: left;
  /* 默认左对齐 */
  font-size: 14px;
  /* 字体大小 */
  color: #606266;
  /* 默认字体颜色 */
  margin-bottom: 20px;
}

.table th,
.table td {
  border: 1px solid #c2bfbf;
  /* 表格单元格边框颜色 */
  padding: 12px;
  /* 单元格内边距 */
}

.table th {
  background: #f5f7fa;
  /* 表头背景色 */
  font-weight: 600;
  /* 表头字体加粗 */
  color: #303133;
  /* 表头字体颜色 */
  text-align: center;
  /* 表头居中 */
}

.table td {
  width: 15%;
}

.table-td {
  display: flex;
}

::v-deep .el-input__wrapper {
  background-color: transparent;
  box-shadow: none;
}

::v-deep .el-select__wrapper {
  background-color: transparent;
  box-shadow: none;
}

::v-deep .el-input-group__append {
  background-color: transparent;
  box-shadow: none;
}
</style>

